<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Dom对象与jquery包装集对象</title>
	</head>
	
	<body>
		<div id="mydiv">文本</div>
	</body>
	<script src="js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		/*dom对象*/
		var mydiv=document.getElementById("mydiv");
		console.log(mydiv);
		console.log("==========");
		//js获取不存在的元素,返回null
		var span=document.getElementsByTagName("span");
		console.log(span);
		console.log("==========");
		var span2=document.getElementById("span");
		console.log(span2);
		console.log("==========");
		/**jquery对象*/
		//通过id选择获取元素对象 $("#id属性")
		var divJquery=$("#mydiv");
		console.log(divJquery);
		console.log("==========");
		var spanJquery=$("#span");
		console.log(spanJquery);
		
		
		//dom对象转换为Jquery
		var mydivJquery=$(mydiv);
		console.log(mydivJquery);
		
		//Jquery对象转换为dom
		
		var mydivDom=mydivJquery[0];
		console.log(mydivDom);
		
	</script>
</html>
